<template>
  <div>
    <el-tabs style="margin-top: 50px;margin-left: 50px">
      <el-tab-pane label="基本信息" name="first">

        <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm">
          <el-form-item label="楼盘名称" prop="name">
            <el-input v-model="ruleForm.name" style="width: 50%"></el-input>
          </el-form-item>
          <el-form-item label="楼盘地址" prop="address">
            <el-input v-model="ruleForm.address" style="width: 50%"></el-input>
          </el-form-item>
          <el-form-item label="城市地区" prop="sheng">
            <el-select v-model="ruleForm.sheng" placeholder="省">
            </el-select>
            <el-select v-model="ruleForm.shi" placeholder="市">
            </el-select>
            <el-select v-model="ruleForm.qu" placeholder="区">
            </el-select>
          </el-form-item>
          <el-form-item label="商区">

          </el-form-item>
          <el-form-item label="地铁">

          </el-form-item>
          <el-form-item label="建筑面积" prop="mainji">
            <el-input v-model="ruleForm.mainji" placeholder="建筑面积"></el-input>
          </el-form-item>
          <el-form-item label="建筑类型">
            <el-checkbox v-model="ruleForm.c1">板楼</el-checkbox>
            <el-checkbox v-model="ruleForm.c2">塔楼</el-checkbox>
            <el-checkbox v-model="ruleForm.c3">板塔结合</el-checkbox>
            <el-checkbox v-model="ruleForm.c4">底层</el-checkbox>
            <el-checkbox v-model="ruleForm.c5">多层</el-checkbox>
            <el-checkbox v-model="ruleForm.c6">高层</el-checkbox>
          </el-form-item>

          <el-form-item label="社区类型">
            <el-select v-model="ruleForm.sheng" placeholder="请选择社区类型" style="width: 50%">
            </el-select>
          </el-form-item>

          <el-form-item label="物业类型">
            <el-checkbox v-model="ruleForm.b1">普通住宅</el-checkbox>
            <el-checkbox v-model="ruleForm.b2">公寓</el-checkbox>
            <el-checkbox v-model="ruleForm.b3">商住两用</el-checkbox>
            <el-checkbox v-model="ruleForm.b4">商业地产</el-checkbox>
            <el-checkbox v-model="ruleForm.b5">写字楼</el-checkbox>
          </el-form-item>

          <el-form-item label="楼盘特色">
            <el-checkbox v-model="ruleForm.p1">品牌企业</el-checkbox>
            <el-checkbox v-model="ruleForm.p2">科技住宅</el-checkbox>
            <el-checkbox v-model="ruleForm.p3">核心地段</el-checkbox>
            <el-checkbox v-model="ruleForm.p4">精装修</el-checkbox>
            <el-checkbox v-model="ruleForm.p5">地铁沿线</el-checkbox>
            <el-checkbox v-model="ruleForm.p5">低总价</el-checkbox>
            <el-checkbox v-model="ruleForm.p6">学区房</el-checkbox>
            <el-checkbox v-model="ruleForm.p7">小户型</el-checkbox>
            <el-checkbox v-model="ruleForm.p8">改善型住宅</el-checkbox>
            <el-checkbox v-model="ruleForm.p9">宜居社区</el-checkbox>
            <el-checkbox v-model="ruleForm.p10">跃居</el-checkbox>
            <el-checkbox v-model="ruleForm.p11">高层</el-checkbox>
          </el-form-item>

          <el-form-item label="容积率" >
              <el-input v-model="ruleForm.rjl" placeholder="容积率" style="width: 50%" ></el-input>平方米
          </el-form-item>
          <el-form-item label="得房率">
            <el-input v-model="ruleForm.dfl" placeholder="容积率" style="width: 50%"></el-input>%
          </el-form-item>
          <el-form-item label="绿化率">
            <el-input v-model="ruleForm.llv" placeholder="容积率" style="width: 50%"></el-input>%
          </el-form-item>
          <el-form-item label="楼栋数">
            <el-input v-model="ruleForm.lds" placeholder="容积率" style="width: 50%"></el-input>栋
          </el-form-item>
          <el-form-item label="开发商">
            <el-input v-model="ruleForm.kfs" placeholder="容积率" style="width: 50%"></el-input>
          </el-form-item>
          <el-form-item label="物业管理公司">
            <el-input v-model="ruleForm.wyglgs" placeholder="物业管理公司" style="width: 50%"></el-input>
          </el-form-item>
          <el-form-item label="楼盘简介">
            <el-input type="textarea" v-model="ruleForm.lpjj" placeholder="楼盘简介" style="width: 50%"></el-input>
          </el-form-item>
          <el-form-item label="周边配套">
              <el-button @click="addlf">添加</el-button>
              <el-button @click="dellf">删除</el-button><br><br>

            <el-checkbox >标题</el-checkbox>
              <el-input placeholder="请输入标题" style="width: 20%;margin-right: 20px;margin-left: 20px"></el-input>
            内容:<el-input placeholder="请输入内容" style="width: 30%;margin-left: 20px"></el-input>
          </el-form-item>
          <el-form-item label="交通情况 ">
            <el-button @click="addlf" type="success">添加</el-button>
            <el-button @click="dellf" type="info">删除</el-button>
            <br><br>
            <el-checkbox >标题</el-checkbox>
            <el-input placeholder="请输入标题" style="width: 20%;margin-right: 20px;margin-left: 20px"></el-input>
            内容:<el-input placeholder="请输入内容" style="width: 30%;margin-left: 20px"></el-input>
          </el-form-item>

          <el-button @click="submit" style="margin-left: 40%;margin-top: 40px" type="primary">提交</el-button>


        </el-form>

      </el-tab-pane>
      <el-tab-pane label="相册管理" name="second">

        <el-form ref="form" :model="sizeForm" label-width="80px" size="mini">
          <h3>户型图</h3>
          <h3>外景图</h3>
          <h3>施工图</h3>
          <h3>效果图</h3>
          <h3>首页图</h3>

        </el-form>


      </el-tab-pane>
    </el-tabs>

  </div>

</template>

<script>
export default {
  name: "index",
  data(){
     return {
       ruleForm:{
         name:"",
         address:"",
         sheng:"",
         shi:"",
         qu:"",
         mainji:"",
         c1:"",c2:"", c3:"", c4:"", c5:"", c6:"",
         b1:"",b2:"", b3:"", b4:"", b5:"",
         p1:"",p2:"", p3:"", p4:"", p5:"",p6:"",p7:"", p8:"", p9:"", p10:"",p11:"",p12:"",
         rjl:"",dfl:"",llv:"",lds:"",kfs:"",wyglgs:"",lpjj:""
       },
       sizeForm:{

       }
     }
  },
  created() {
  },
  methods:{
    addlf(){
      alert("推按家")
    }
  }
}
</script>

<style scoped>

</style>
